<!DOCTYPE html>
<html lang="en">
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>百度一下，你就知道</title>
    <style id="css_index" index="index" type="text/css">

        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }

        #wrapper {
            position: relative;

            height: 100%;
            min-height: 300px
        }

        #head {
            position: relative;
            padding-bottom: 0;
            min-height: 600px
        }

        #head, .head_wrapper {
            height: 100%
        }

        .s_form {
            position: relative;
            top: 10%
        }

        .s_form_wrapper {
            position: relative;
            top: -20px;

            height:100px;
            background-color: red
        }

        .footer {
            position: absolute;
            bottom: 10px;
            height: 60px;
            width: 100%;
            background-color: red
        }
    </style>
</head>

<body>

<div id="wrapper">
    <div id="head" class="">
        <div class="head_wrapper">
            <div class="s_form">
                <div class="s_form_wrapper">

                </div>
            </div>
        </div>
    </div>

    <div class="footer">

    </div>
</div>

</body>
</html>